<template>
	<div class="child2">
		<h3>子组件2</h3>
		<h4>{{ wanju }}</h4>
		<h4>{{ book }}</h4>
	</div>
</template>
<!-- 安装 vue 路由模块  npm install vue-router -->

<!-- npm i vite-plugin-vue-setup-extend -D -->
<script setup lang="ts" name="Child2">
import { ref } from 'vue'
const wanju = ref("奥特曼")
const book = ref(3)

//暴露数据给外部
defineExpose({ wanju, book })
</script>

<style scoped>
.child2 {
	margin-top: 20px;
	background-color: orange;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px black;
}
</style>
